import React, { Component } from 'react'

export default class douban extends Component {
  render() {
    return (
      <a
        className="douban"
        title="分享到豆瓣"
        target="_blank"
        href={`https://www.douban.com/share/service?name=${this.props.title}&text=${window.location.href}`}
      >
        <svg
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 32 32"
          role="img"
          aria-labelledby="at-svg-douban-3"
        >
          <g>
            <path
              fill="#ffffff"
              d="M5.75 5.51H26.3V8.1H5.75zM20.74 23.98l1.93-4.29h2.21V9.72h-18v9.98h2.04l1.93 4.29H5.07v2.51h21.85v-2.51l-6.18-.01zM10 17.03v-4.88h11.68v4.88H10zm7.99 6.95h-4.37l-1.93-4.29h8.24l-1.94 4.29z"
            ></path>
          </g>
        </svg>
      </a>
    )
  }
}
